﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="">
	<title>便民医疗服务</title>
	<!-- Bootstrap CSS -->
	<link href="../assets/css/bootstrap.min.css" rel="stylesheet">
	<!-- Font Awesome CSS -->
	<link href="../assets/css/font-awesome.min.css" rel="stylesheet">
	<!-- FlatIcons CSS -->
	<link href="../assets/css/flaticon.css" rel="stylesheet">
	<!-- Camera Slider CSS -->
	<link href="../assets/js/plugins/camera/css/camera.css" rel="stylesheet">
	<!-- Magnific Popup CSS -->
	<link href="../assets/js/plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
    <!-- Animate CSS -->
    <link rel="stylesheet" href="../assets/css/animate.css">
	<!-- Main CSS -->
	<link href="../assets/css/style.css" rel="stylesheet">
	<!-- Responsive CSS -->
	<link href="../assets/css/responsive.css" rel="stylesheet">
	<!-- Favicon File -->
	
	<!-- Google Web Fonts -->
	<link href="https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic" rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,300italic,400italic,500,500italic,700,700italic,900,900italic" rel="stylesheet" type="text/css">
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]><script src="assets/js/html5shiv.min.js"></script><script src="assets/js/respond.min.js"></script><![endif]-->
</head>
<body>

     

	<!-- Start Page Preloader -->
	<div id="loading">
		<div id="loading-center">
			<div id="loading-center-absolute">
				<div class="object" id="object_four"></div>
				<div class="object" id="object_three"></div>
				<div class="object" id="object_two"></div>
				<div class="object" id="object_one"></div>
			</div>
		</div>
	</div>
	<!-- End Page Preloader -->
	<!-- Start Header Area -->
	<header class="main-header">
		<div class="container container-relative">
			<!-- Start TopBar Area -->
			<div class="top-bar hidden-sm hidden-xs">
				<div class="row">
					<div class="col-sm-9 col-xs-12">
						<span class="top-info"><i class="fa fa-phone"></i></span>+1 888 888 8888
						<span class="top-info"><i class="fa fa-envelope-o"></i></span>info@yoursite.com
						<span class="top-info"><i class="fa fa-map-marker"></i></span>221B Baker Street, London, UK
						<span class="top-info"><i class="fa fa-calendar"></i></span>周一 ~ 周日 9:00 - 20:00
					</div>
					<div class="col-sm-3 col-xs-12">
						<ul class="list-unstyled list-inline">
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-instagram"></i></a></li>
							<li><a href="#"><i class="fa fa-vimeo"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- End TopBar Area -->
			<!-- Start NavBar Area -->
			<nav id="nav" class="navbar navbar-default navbar-static-top affix-top">
				<div class="container">
					<div class="navbar-header">
						<!-- Start Collapse Button -->
			
						<!-- End Collapse Button -->
						<!-- Start Website Logo -->
						<a href="index.html" class="navbar-brand">
							<img src="../assets/images/logo.png" class="logo" alt="Logo"> Medical <span>Service</span>
						</a>
						<!-- End Website Logo -->
					</div>
					<!-- Start Menu Area -->
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav navbar-right">
							<li><a href="index.html">首页</a></li>
							<li><a href="about.html">关于我们</a></li>
						
									<li><a href="doctors.html">医生</a></li>
							
							
									<li class="active"><a href="departments.html">科室部门</a></li>
							
							
							
							
							<li><a href="contact.html">联系</a></li>
						</ul>
					</div>
					<!-- Start Menu Area -->
				</div>
			</nav>
			<!-- End NavBar Area -->
		</div>
	</header>
	<!-- End Header Area -->
	<div class="main-banner four">
		<div class="container">
			<h2><span>单一部门</span></h2>
		</div>
	</div>
	<!-- End Page Banner Area -->
	<!-- Start Breadcrumb Area -->
	<div class="breadcrumb">
		<div class="container">
			<ul class="list-unstyled list-inline">
				<li><a href="index.html">家</a></li>
				<li><a href="departments.html">部门</a></li>
				<li class="active">单一部门</li>
			</ul>
		</div>
	</div>
	<!-- End Breadcrumb Area -->
	<!-- Start Main Container -->
	<div class="container main-container">
		<div class="row">
			<!-- Start Content Area -->
			<div class="col-md-9 col-sm-12 col-xs-12">
				<!-- Start Single Service Area -->
				<div class="news-post-single">
					<!-- Start Department Content Area -->
					<article class="news-post">
						<img src="../assets/images/single-department-image.jpg" alt="Single Department" class="img-responsive img-center-sm img-center-xs">
						<div class="inner">
							<h4>单一部门标题</h4>
							<div class="news-post-content">
								<p>
									Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
								</p>
								<p>
									It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
								</p>
								<blockquote>
									<p>
										Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat rutrum eros amet sollicitudin interdum. Suspendisse pulvinar, velit nec pharetra interdum, ante tellus ornare mi, et mollis tellus neque vitae elit. Mauris adipiscing mauris fringilla turpis interdum sed pulvinar nisi malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
									</p>
								</blockquote>
								<p>
									It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
								</p>
								<div class="row">
									<div class="col-sm-6 col-xs-12">
										<ul class="list-unstyled list-style-3">
											<li>合格的医生</li>
											<li>感觉就像你在家庭服务</li>
											<li>24x7 紧急服务</li>
											<li>与我们一起节省你的金钱和时间</li>
											<li>简单且经济实惠</li>
										</ul>
									</div>
									<div class="col-sm-6 col-xs-12">
										<ul class="list-unstyled list-style-3">
											<li>合格的医生</li>
											<li>感觉就像你在家庭服务</li>
											<li>24x7 紧急服务</li>
											<li>与我们一起节省你的金钱和时间</li>
											<li>简单且经济实惠</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</article>
					<!-- End Department Content Area -->
				</div>
				<!-- Start Department Doctors Area -->
				<h2 class="main-heading2 nomargin-top">部门医生</h2>
				<ul id="doctors-grid" class="row shuffle" style="position: relative; height: 525px; transition: height 500ms ease-out;">
					<!-- Start Doctor Bio #1 -->
					<li class="col-md-4 col-sm-6 col-xs-6 doctors-grid shuffle-item filtered" style="position: absolute; top: 0px; left: 0px; visibility: visible; transition: transform 500ms ease-out, opacity 500ms ease-out;">
						<div class="bio-box wow fadeInUp" data-wow-duration="1s" data-wow-delay=".5s">
							<div class="profile-img">
								<img src="../assets/images/doctor-bio-1.jpg" alt="Doctor" class="img-responsive img-center-sm img-center-xs">
								<div class="overlay">
									<ul class="list-unstyled list-inline sm-links">
										<li><a href="#"><i class="fa fa-facebook"></i></a></li>
										<li><a href="#"><i class="fa fa-envelope-o"></i></a></li>
										<li><a href="#"><i class="fa fa-phone"></i></a></li>
									</ul>
								</div>
							</div>
							<div class="inner">
								<h4>汤姆史密斯伯特博士</h4>
								<p class="designation">心脏诊所，​​医疗保健</p>
								<p class="divider"><i class="fa fa-plus-square"></i></p>
								<p>
									Lorem Ipsum is simply dummy text of the printing and typesetting industry. It was popularised in the with the release of Letraset sheets Lorem Ipsum passages.
								</p>
							</div>
							<a href="doctor-profile.html" class="btn btn-secondary text-uppercase">预约</a>
						</div>
					</li>
					<!-- End Doctor Bio #1 -->
					<!-- Start Doctor Bio #2 -->
					<li class="col-md-4 col-sm-6 col-xs-6 doctors-grid shuffle-item filtered" style="position: absolute; top: 0px; left: 0px; visibility: visible; opacity: 1; transform: translate3d(390px, 0px, 0px) scale3d(1, 1, 1); transition: transform 500ms ease-out, opacity 500ms ease-out;">
						<div class="bio-box wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
							<div class="profile-img">
								<img src="../assets/images/doctor-bio-2.jpg" alt="Doctor" class="img-responsive img-center-sm img-center-xs">
								<div class="overlay">
									<ul class="list-unstyled list-inline sm-links">
										<li><a href="#"><i class="fa fa-facebook"></i></a></li>
										<li><a href="#"><i class="fa fa-envelope-o"></i></a></li>
										<li><a href="#"><i class="fa fa-phone"></i></a></li>
									</ul>
								</div>
							</div>
							<div class="inner">
								<h4>汤姆史密斯伯特博士</h4>
								<p class="designation">心脏诊所，​​医疗保健</p>
								<p class="divider"><i class="fa fa-plus-square"></i></p>
								<p>
									Lorem Ipsum is simply dummy text of the printing and typesetting industry. It was popularised in the with the release of Letraset sheets Lorem Ipsum passages.
								</p>
							</div>
							<a href="doctor-profile.html" class="btn btn-secondary text-uppercase">预约</a>
						</div>
					</li>
					<!-- End Doctor Bio #2 -->
					<!-- Start Doctor Bio #3 -->
					<li class="col-md-4 col-sm-6 col-xs-6 doctors-grid shuffle-item filtered" style="position: absolute; top: 0px; left: 0px; visibility: visible; opacity: 1; transform: translate3d(780px, 0px, 0px) scale3d(1, 1, 1); transition: transform 500ms ease-out, opacity 500ms ease-out;">
						<div class="bio-box wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s">
							<div class="profile-img">
								<img src="../assets/images/doctor-bio-3.jpg" alt="Doctor" class="img-responsive img-center-sm img-center-xs">
								<div class="overlay">
									<ul class="list-unstyled list-inline sm-links">
										<li><a href="#"><i class="fa fa-facebook"></i></a></li>
										<li><a href="#"><i class="fa fa-envelope-o"></i></a></li>
										<li><a href="#"><i class="fa fa-phone"></i></a></li>
									</ul>
								</div>
							</div>
							<div class="inner">
								<h4>汤姆史密斯伯特博士</h4>
								<p class="designation">心脏诊所，​​医疗保健</p>
								<p class="divider"><i class="fa fa-plus-square"></i></p>
								<p>
									Lorem Ipsum is simply dummy text of the printing and typesetting industry. It was popularised in the with the release of Letraset sheets Lorem Ipsum passages.
								</p>
							</div>
							<a href="doctor-profile.html" class="btn btn-secondary text-uppercase">预约</a>
						</div>
					</li>
					<!-- End Doctor Bio #3 -->
				</ul>
				<!-- End Department Doctors Area -->
				<!-- Start Appointment Area -->
				<div class="comment-form">
					<h4 class="main-heading2"><i class="fa fa-pencil-square-o"></i> 请求预约</h4>
					<form method="post" action="#">
						<div class="row">
							<div class="col-md-6 col-xs-12">
								<div class="form-group">
									<input type="text" class="form-control no-border-radius" placeholder="Full Name *" required>
								</div>
							</div>
							<div class="col-md-6 col-xs-12">
								<div class="form-group">
									<input type="text" class="form-control no-border-radius" placeholder="Your Phone *" required>
								</div>
							</div>
							<div class="col-md-6 col-xs-12">
								<div class="form-group">
									<input type="text" class="form-control no-border-radius" placeholder="Your Address *" required>
								</div>
							</div>
							<div class="col-md-6 col-xs-12">
								<div class="form-group">
									<input type="text" class="form-control no-border-radius" placeholder="Email Address *" required>
								</div>
							</div>
							<div class="col-xs-12">
								<div class="form-group">
									<textarea class="form-control no-border-radius" rows="5" placeholder="Message"></textarea>
								</div>
							</div>
							<div class="col-xs-12">
								<input type="submit" class="btn btn-secondary text-uppercase" value="现在提交">
							</div>
						</div>
					</form>
				</div>
				<!-- End Appointment Area -->
			</div>
			<!-- End Content Area -->
			<!-- Start Sidearea Area -->
			<div class="col-md-3 col-sm-12 col-xs-12">
				<!-- Start Procedures Services -->
				<h4 class="side-heading1 top">程序</h4>
				<ul class="list-unstyled list-style-3">
					<li><a href="#">心脏压力测试</a></li>
					<li><a href="#">食管动力研究</a></li>
					<li><a href="#">冠状动脉造影</a></li>
					<li><a href="#">肺血管造影</a></li>
					<li><a href="#">CT检查</a></li>
					<li><a href="#">漫射光学成像</a></li>
					<li><a href="#">血管内超声</a></li>
				</ul>
				<!-- End Procedures Services -->
				<!-- Start Procedures Tags -->
				<h4 class="side-heading1">程序标签</h4>
				<ul class="list-unstyled list-inline list-tags">
					<li><a href="#">一般</a></li>
					<li><a href="#">初级卫生</a></li>
					<li><a href="#">门诊手术</a></li>
					<li><a href="#">健康</a></li>
					<li><a href="#">友好的员工</a></li>
					<li><a href="#">儿科门诊</a></li>
					<li><a href="#">身体</a></li>
				</ul>
				<!-- End Procedures Tags -->
				<!-- Start Opening Hours -->
				<h4 class="side-heading1">
					<span class="hidden-sm">开放时间 </span>营业时间
				</h4>
				<ul class="list-unstyled list-style-2">
					<li>周一至周五09:00至18:00</li>
					<li>周六09:00至15:00</li>
					<li>周日09:00 - 12:00</li>
					<li>假期休息</li>
				</ul>
				<!-- End Opening Hours -->
				<!-- Start Testimonials -->
				<h4 class="side-heading1">褒奖</h4>
				<div id="testimonial-carousel" class="testimonial-box carousel" data-ride="carousel">
					<!-- Start Testimonial Titles -->
					<ol class="carousel-indicators">
						<li data-target="#testimonial-carousel" data-slide-to="0" class="active"></li>
						<li data-target="#testimonial-carousel" data-slide-to="1"></li>
						<li data-target="#testimonial-carousel" data-slide-to="2"></li>
					</ol>
					<!-- End Testimonial Titles -->
					<!-- Start Testimonial Tabs -->
					<div class="carousel-inner quote-box" role="listbox">
						<i class="fa fa-quote-left fa-2x"></i>
						<!-- Start Tab #1 -->
						<div class="item active">
							<blockquote>
								Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dol or id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit ...
							</blockquote>
							<div class="quote-footer">
								Jeniffier Barter<br>
								<span>Female, 45 Years</span>
							</div>
						</div>
						<!-- End Tab #1 -->
						<!-- Start Tab #2 -->
						<div class="item">
							<blockquote>
								Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dol or id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit ...
							</blockquote>
							<div class="quote-footer">
								Sam Armstrong<br>
								<span>Male, 36 Years</span>
							</div>
						</div>
						<!-- End Tab #2 -->
						<!-- Start Tab #3 -->
						<div class="item">
							<blockquote>
								Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dol or id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit ...
							</blockquote>
							<div class="quote-footer">
								Julia Hotter<br>
								<span>Female, 29 Years</span>
							</div>
						</div>
						<!-- Start Tab #3 -->
					</div>
					<!-- End Testimonial Tabs -->
				</div>
				<!-- End Testimonials -->
			</div>
			<!-- End Sidearea Area -->
		</div>
	</div>
	<!-- End Main Container -->
<!-- Start Footer Area -->
	<footer class="main-footer">
		<div class="footer-area">
			<div class="container">
				<div class="row">
					<!-- Start Information Area -->
					<div class="col-md-3 col-sm-4 col-xs-6">
						<h4>相关信息</h4>
						<ul class="list-unstyled address-list">
							<li class="clearfix">
								<i class="fa fa-phone"></i>
								+1 888 888 8888
							</li>
							<li class="clearfix">
								<i class="fa fa-envelope-o"></i>
								info@yoursite.com
							</li>
							<li class="clearfix address">
								<i class="fa fa-map-marker"></i>
								221B Baker Street, London, UK
							</li>
							<li class="clearfix">
								<i class="fa fa-calendar"></i>
								周一 ~ 周日   9:00 - 20:00
							</li>
						</ul>
					</div>
					<!-- End Information Area -->
					
					
					
				</div>
			</div>
		</div>
		<!-- Start Copyright Area -->
		<div class="copyright">
			<div class="container clearfix">
				<p class="pull-left">
					&copy; 2018 <span>MedicalService</span>
				</p>
				<ul class="list-unstyled list-inline pull-right">
					<li><a href="#">关于我们</a></li>
					<li><a href="contact.html">欢迎联系</a></li>
				</ul>
			</div>
		</div>
		<!-- End Copyright Area -->
	</footer>
	<!-- End Footer Area -->
	<!-- Start Back To Top Button -->
	<div id="back-to-top">
		<a href="#"><i class="fa fa-arrow-up"></i></a>
	</div>
	<!-- End Back To Top Button -->
    <!-- JQuery JS -->
    <script src="../assets/js/jquery.min.js"></script>
    <!-- JQuery Migrate JS -->
    <script src="../assets/js/jquery-migrate.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="../assets/js/bootstrap.min.js"></script>
    <!-- Slider JS Files -->
    <script src="../assets/js/plugins/camera/js/jquery.mobile.customized.min.js"></script>
    <script src="../assets/js/plugins/camera/js/jquery.easing.js"></script>
    <script src="../assets/js/plugins/camera/js/camera.min.js"></script>
    <!-- Modernizr JS -->
    <script src="../assets/js/plugins/shuffle/jquery.shuffle.modernizr.min.js"></script>
    <!-- Popup JS -->
    <script src="../assets/js/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
    <!-- Wow JS -->
    <script src="../assets/js/wow.min.js"></script>
    <!-- Main JS -->
    <script src="../assets/js/main.js"></script>
</body>
</html>
